<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags"%>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sistema Integral de Clientes ASMON y CIA. S.C.</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>

	<div id="header">

		<div id="header2">
			<div id="container">
				<div id="topnav" class="topnav">
					Accesar: <a href="login" class="signin"><span>Sign in</span></a>
				</div>
				<fieldset id="signin_menu">
					<s:form method="post" id="signin" action="doLogin" theme="simple" >
						<s:label for="username">Usuario</s:label>
						<s:textfield id="username" name="username" value=""
							title="username" tabindex="4" type="text"></s:textfield>
							</p>
							<p>
								<s:label for="password">Password</s:label>
								<s:password id="password" name="password" value=""
									title="password" tabindex="5"></s:password>
							</p>
							<p class="remember">
								<s:submit id="signin_submit" value="Sign in" tabindex="6"
									type="submit"/>
									
							</p>
							<p class="forgot">
								<a href="#" id="resend_password_link">Se olvid&oacute; el
									password</a>
							</p>
							

							</s:form>
				</fieldset>
			</div>
			<script src="js/jquery.js" type="text/javascript"></script>
			<script type="text/javascript">
        $(document).ready(function() {

            $(".signin").click(function(e) {          
				e.preventDefault();
                $("fieldset#signin_menu").toggle();
				$(".signin").toggleClass("menu-open");
            });
			
			$("fieldset#signin_menu").mouseup(function() {
				return false
			});
			$(document).mouseup(function(e) {
				if($(e.target).parent("a.signin").length==0) {
					$(".signin").removeClass("menu-open");
					$("fieldset#signin_menu").hide();
				}
			});			
			
        });
</script>
			<script src="js/jquery.tipsy.js" type="text/javascript"></script>
			<script type='text/javascript'>
				$(function() {
					$('#forgot_username_link').tipsy({
						gravity : 'w'
					});
				});
			</script>
			<div id="logo">

				<h1>
					<a href="#">ASMON y CIA. S.C.</a>
				</h1>
				<p id="subtitle">Sistema de Administracion de Clientes ASMON</p>
			</div>



			<div id="menu">
				<ul>
					<li><a href="#">Home</a></li>
					<li><a href="#">Clientes</a></li>
					<li><a href="#">Administracion</a></li>


				</ul>

			</div>
		</div>
	</div>
	<!-- header -->
	<!-- header2 -->

	<div id="main">
		<div id="main2">
			
			<!-- sidebar -->
			<div id="content">
				<div class="post">
					<h2>
						<a href="#">Bienvenido al sistema de ASMON y CIA. S.C.</a>
					</h2>

					<div class="entry">
						<p>Avisos</p>
					</div>
				</div>

				<div class="post">
					<h2>
						<a href="#">Sistemas</a>
					</h2>
					<p class="postmeta">Posteado Nov 1, 2011</p>
					<div class="entry">
						<p>Sistema beta de administraci&oacute;n de clientes</p>
					</div>
				</div>
			</div>
			<!-- content -->
			<div class="clearing">&nbsp;</div>
		</div>
	</div>
	<!-- main -->
	<!-- main2 -->
	<div id="footer">
		<div id="footer2">
			<p>
				Derechos reservados por <a href="http://www.asmon.com.mx/">ASMON
					y CIA. S.C.</a>
			</p>
		</div>
	</div>
	<div style="text-align: center; font-size: 0.75em;">
		Dise&ntilde;o realizado por <a href="http://www.sophossytems.com/">Sophos
			Systems</a>.
	</div>


</body>
</html>